﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <script src="Bootstrap/js/jquery-1.11.1.min.js"></script>
    <link href="Bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="Bootstrap/js/bootstrap.min.js"></script>
    <script src="js/acey_js.js"></script>
    <style>
        * { margin: 0px;  padding: 0px;  }
        .header {  width: 100%;  height: 240px;  border: 0px solid red;  position: absolute;  background: linear-gradient(#33FFDD, #20a1a1);}
        .header img {  width: 100px;  height: 100px;border-radius: 50px}
        .img_head {  width: 100px;  height: 140px;  border: 0px solid red;  margin: 20px auto;  }
        .list-group .glyphicon {  margin-left: -10px;  font-size: 16px;  }
        .glyphicon-chevron-right {  float: right;  color: gray  }
        .username {  color: white;  font-size: 16px;  margin-left: 30px  }
        .ID {  margin-left: 5px;  color: white  }
        .list {  margin-top: 280px;  position: absolute;  width: 100%;  }
    </style>
</head>
<script>
    $(function () {
        var userInfo = getUserInfo();
        $("#userImg").attr({src:userInfo.headimgurl});
        $("#username").text(userInfo.nickname);
    })
</script>
<body>
<div class="header">
    <div class="img_head">
        <img src="" id="userImg">
        <span class="username" id="username"></span>
        <span class=""></span>
    </div>
</div>
<div class="list">
    <ul class="list-group" style="margin-top: 10px;">
        <a href="vieworder.html" class="list-group-item" style="border: 1px solid whitesmoke">
            <span class="glyphicon glyphicon-list-alt" style="color: dodgerblue"></span>
            &nbsp;&nbsp;查看订单<span class="glyphicon glyphicon-chevron-right"></span>
        </a>
        <a href="PersonalInfo.html" class="list-group-item" style="border: 1px solid whitesmoke">
            <span class="glyphicon glyphicon-user" style="color: darkorange"></span>
            &nbsp;&nbsp;个人信息<span class="glyphicon glyphicon-chevron-right"></span>
        </a>
        <a href="#" class="list-group-item" style="border: 1px solid whitesmoke">
            <span class="glyphicon glyphicon-bell" style="color: cornflowerblue"></span>
            &nbsp;&nbsp;消息列表<span class="glyphicon glyphicon-chevron-right"></span>
        </a>
        <a href="#" class="list-group-item" style="border: 1px solid whitesmoke">
            <span class="glyphicon glyphicon-info-sign" style="color: darkviolet"></span>
            &nbsp;&nbsp;反馈<span class="glyphicon glyphicon-chevron-right"></span>
        </a>
        <a href="#" class="list-group-item" style="border: 1px solid whitesmoke">
            <span class="glyphicon glyphicon-question-sign" style="color: #20a1a1"></span>
            &nbsp;&nbsp;关于<span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </ul>
</div>
<div style="height: 50px;"></div>
</body>